<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            <ace:panel id="pnlEditar" header="Actualización de Operación">
              <h:panelGrid columns="5" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth20,colwidth1,colwidth40">
                    <h:outputLabel value="Nombre Operación" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="nomId" value="#{operacionMBean.operacion.nomOperacion}" required="true" requiredMessage="El nombre de la operación es requerido." styleClass="inputStyle"/>
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:column>
                        <h:message for="nomId" errorClass="error"/>
                    </h:column>
     
                    <h:outputLabel value="Descripción" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputTextarea id="desId" styleClass="inputStyle" value="#{operacionMBean.operacion.descripcion}" required="true" requiredMessage="La descripción es requerida." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="desId" errorClass="error" />
                    
                    <h:outputLabel value="Tiempo Estimado" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <ace:maskedEntry id="horaId" value="#{operacionMBean.horas}" mask="9?9" placeHolder="" size="3"/>:
                       <ace:maskedEntry id="minuId" value="#{operacionMBean.minutos}" mask="9?9" placeHolder="" size="3"/>
                        (HH:MM)
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="timeId" errorClass="error" />
                </h:panelGrid>
            </ace:panel>
           <div id="contenidoBotonesId" class="contenidoBotones">
               <f:ajax>
                <b:boton value="Volver a la lista" title="Volver a la lista" styleClass="flotarIzquierda" action="#{operacionMBean.volver}"/>
               </f:ajax> 
                <b:boton value="Aceptar" title="Aceptar" styleClass="flotarDerecha" action="#{operacionMBean.editar}"/>
            </div>
        </h:form>
    </ui:define>

</ui:composition>

